<template>
  <div class="aui-wrapper aui-page__not-found">
    <div class="aui-content__wrapper">
      <div class="bg_img">
        <img src="../../assets/img/examine_bg.png" alt="">
        <div>
          <p v-if="eorrName">{{eorrName}}</p>
          <a class="examine" :href="url">返回</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      eorrName: '',
      url: ''
    }
  },
  methods: {
    getUrlData () {
      this.eorrName = this.$route.query.eorrName ? this.$route.query.eorrName : ''
      this.url = this.$route.query.url ? this.$route.query.url : ''
    }
  },
  mounted () {
    this.getUrlData()
  }
}
</script>
<style lang="scss" scoped>
  .bg_img{
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5%;
    text-align: center;
    img{
      width: 300px;
    }
    @media screen and (max-width: 600px) {
      img{
        width: 80%;
      }
    }
    p{
      font-size: 1.2rem ;
      font-weight: bold;
      margin-bottom: 2.2rem;
    }
    a{
      border-radius: 5px;
      background-color: #9b57d3;
      color: #ffffff;
      padding: 0.8rem 2rem;
      text-decoration: none;
      margin-right: -2rem;
      cursor: pointer;
      box-shadow: 0 0 0.5rem rgba(154, 86, 210, 0.84);
      -webkit-animation: right_yd 0.8s ease-out forwards;
      -o-animation: right_yd 0.8s ease-out forwards;
      animation: right_yd 0.8s ease-out forwards;
    }
    @keyframes right_yd
    {
      0%   { margin-right: -2rem;}
      25%  { margin-right: -1rem;}
      50%  { margin-right: -0.5rem;}
      100% { margin-right: 0;}
    }
  }
</style>
